<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="style.css">
    <title>DAY TEN</title>
</head>
<body>
    <div class="frame">
        <div class="center">
            <div class="pointer-set-1">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-2">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-3">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-4">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-5">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-6">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-7">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-8">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-9">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-10">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-11">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-12">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-13">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-14">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="pointer-set-15">
                <div class="point-1"></div>
                <div class="point-2"></div>
                <div class="point-3"></div>
                <div class="point-4"></div>
            </div>
            <div class="ring">
                <div class="mask-1">
                    <div class="spin"></div>
                </div>
                <div class="mask-2">
                    <div class="spin"></div>
                </div>
            </div>
            <svg class="spinner" viewbox="0 0 202 202" xmlns="https://www.w3.org/2000/svg">
                <circle cx="101" cy="101" r="99.5"></circle>
            </svg>
            <div class="date">Mon 15 Jan 2015</div>
            <div class="time">11:42</div>
            <div class="beat">
                <span class="fa fa-heart"></span>81
            </div>
            <div class="energy">1248 Kcal</div>
        </div>
    </div>
</body>
</html>